$(function(){
    // 点击跳转注册页面
    $('#link_reg').on('click',function(){
        $('.login_box').hide();
        $('.regest_box').show();
    })
    // 点击跳转登录页面
    $('#link_login').on('click',function(){
        $('.login_box').show();
        $('.regest_box').hide();
    })
    // 获取from对象
    var form = layui.form
    var layer = layui.layer

    form.verify({
        // 自定义pwd的正则匹配
        pwd:[/^[\S]{6,12}$/,'密码必须是6到12位，且不能出现空格'],

        repwd:function(value){
            var pwd = $('.regest_box [name=password]').val()
            if(pwd !== value){
                return '两次密码不一致'
            }
        }
    })
    $('#form_reg').on('submit', function(e) {
        // 1. 阻止默认的提交行为
        e.preventDefault()
        // 2. 发起Ajax的POST请求
        var data = {
        username: $('#form_reg [name=username]').val(),
        password: $('#form_reg [name=password]').val()
        }
        $.post('/api/reguser', data, function(res) {
        if (res.status !== 0) {
            return layer.msg(res.message)
        }
        layer.msg('注册成功，请登录！')
          // 模拟人的点击行为
        $('#link_login').click()
        })
    })
    
      // 监听登录表单的提交事件
    $('#form_login').submit(function(e) {
        // 阻止默认提交行为
        e.preventDefault()
        $.ajax({
        url: '/api/login',
        method: 'POST',
          // 快速获取表单中的数据
        data: $(this).serialize(),
        success: function(res) {
            if (res.status !== 0) {
            return layer.msg('登录失败！')
            }
            layer.msg('登录成功！')
            // 将登录成功得到的 token 字符串，保存到 localStorage 中
            localStorage.setItem('token', res.token)
            // 跳转到后台主页
            location.href = '/index1.html'
            }
        })
        })
    })